﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TrainSchemeEdit.aspx.cs" Inherits="Web.TrainSchemeEdit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
	<HEAD>
		<title></title>
        <base target="_self" />
		<meta content="ie=7" http-equiv="x-ua-compatible">
		<script src="Scripts/jquery-1.7.min.js" type="text/javascript"></script>
		<LINK rel="stylesheet" href="Styles/Style01.css">
		<link href="Styles/validate.css" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="Scripts/easy_validator.pack.js"></script>
		<link href="Styles/mulitselector.css" rel="stylesheet" type="text/css">
		<SCRIPT type="text/javascript" src="Scripts/jquery.mulitselector.js"></SCRIPT>
        <script language="JavaScript">
            $(function () {
                $("[reg]").parents("td").prev().append("<font color='#ff0000'>*</font>");
                $("textarea").each(function () { this.style.height = this.scrollHeight + 16 + 'px'; });
                $("textarea").keydown(function () { this.style.height = this.scrollHeight + 16 + 'px'; });
                $("#btnSave").click(function () { return formValidate(); });
                $("#btnSubmit").click(function () { return formValidate(); });
            });
            function trainType() {
                var data =
					[
						{ id: "", name: "内训" },
						{ id: "", name: "外训" }
					];

                $("#txtType").mulitselector({
                    title: "请选择培训类型",
                    data: data
                });
            }
            function trainMethods() {
                var data =
					[
						{ id: "", name: "面授" },
						{ id: "", name: "自学" },
						{ id: "", name: "视听音像" },
						{ id: "", name: "操作演示" },
						{ id: "", name: "讨论" },
						{ id: "", name: "案例分析" },
						{ id: "", name: "观摩" }
					];

                $("#txtMethods").mulitselector({
                    title: "请选择培训方式",
                    data: data
                });
            }
            function trainEffectEval() {
                var data =
					[
						{ id: "", name: "反应评估", title: "学员对课程主观感觉和满意度" },
						{ id: "", name: "学习评估", title: "书面测试、口头测试和实际操作测试" },
						{ id: "", name: "行为评估", title: "观察、上级评价、同事评价等" }
					];

                $("#txtEffectEval").mulitselector({
                    title: "请选择培训评估方式",
                    data: data
                });
            }
            function formValidate() {
                var isSubmit = true;
                $("form").find("[reg],[url]:not([reg])").each(function () {
                    if (!validate($(this), this.tagName)) {
                        isSubmit = false;
                    }
                });
                if (!isSubmit) {
                    alert("请确认'红字或红框'处的输入正确!");
                    return false;
                }
                return true;
            }
        </script>
	    <style>
	        TEXTAREA { OVERFLOW-Y: hidden; }
	        TABLE.s1 TD { PADDING-BOTTOM: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; HEIGHT: 24px; PADDING-TOP: 0px; }
	        INPUT[type=text],textarea { WIDTH: 100%; MARGIN-LEFT: -1px;color:#0099cb; }
	        em{float:left;text-align:left;}
	    </style>
	</HEAD>
	<body>
		<form id="Form1" method="post" runat="server">
			<table class="s1">
                <tr><td>表单编号</td><td><%=trainScheme.FormNo%></td><td>申请时间</td><td><%=trainScheme.CreatDate.ToString("yyyy-MM-dd HH:mm:ss")%></td><td></td><td></td></tr>
                <tr><td>申请部门</td><td><%=trainScheme.DeptName%></td><td>申请人</td><td><%=empName%></td><td></td><td></td></tr>
				<tr>
					<td width="10%">培训时间</td>
					<td width="23%"><input id="txtTime" runat="server" title="不能为空!" reg="."></td>
					<td width="10%">培训课程</td>
					<td width="23%"><input id="txtCourse" runat="server" title="不能为空!" reg="."></td>
					<td width="10%">培训课时</td>
					<td><input id="txtPeriod" runat="server" title="不能为空!" reg="."></td>
				</tr>
				<tr>
					<td>培训类型</td>
					<td><input id="txtType" runat="server" class="txtSel" readonly onclick="trainType();" title="不能为空!" reg="."></td>
					<td>培训方式</td>
					<td><input id="txtMethods" runat="server" class="txtSel" readonly onclick="trainMethods();" title="不能为空!" reg="."></td>
					<td>评估方式</td>
					<td><input id="txtEffectEval" runat="server" class="txtSel" readonly onclick="trainEffectEval();" title="不能为空!" reg="."></td>
				</tr>
				<tr>
					<td>培训主讲(负责人)</td>
					<td><input id="txtPrincipal" runat="server" title="不能为空!" reg="."></td>
					<td>参训人员</td>
					<td><input id="txtJoiners" runat="server" title="不能为空!" reg="."></td>
					<td>预算经费</td>
					<td><input id="txtBudget" runat="server" title="不能为空!" reg="."></td>
				</tr>
			</table>
			<em>备注:<br />
				1) 此表由部门经理负责填写;<br />
				2) 培训类型:内训和外训;<br />
				3) 培训方式:面授、自学、视听音像、操作演示、讨论、案例分析、观摩等;<br />
				4) 培训效果评估:一级评估(即反应评估:学员对课程主观感觉和满意度),二级评估(即学习评估--书面测试、口头测试和实际操作测试),<br />
                三级评估(行为评估—观察、上级评价、同事评价等);<br />
				5) 相关评估的表格由人力资源部提供.</em>
            <div style="text-align:right;margin-right:24px;margin-top:6px;">
                <asp:button runat="server" class=btn text="保存" id="btnSave" onclick="btnSave_Click"/>
                <asp:button runat="server" class=btn text="提交" id="btnSubmit" onclick="btnSubmit_Click" Visible="false"/>
                <input type=button class=btn value="关闭" onclick="window.close();" />
            </div>
		</form>
	</body>
</HTML>